import { FC, Suspense, Fragment } from 'react';
import ErrorBoundary from '../components/ErrorBoundary'


export const Layouts: FC = (props) => {
  return (
  <Fragment>
    <ErrorBoundary>
     {props.children}
    </ErrorBoundary>
  </Fragment>)
}

// export const Layouts: FC = (props) => {
//   return <Suspense fallback={<div>loading</div>}>
//     <ErrorBoundary>
//      {props.children}
//     </ErrorBoundary>
//   </Suspense>
// }

export default Layouts;

